{extend name='layout/base' /}
{block name='title'}后台管理界面{/block}
{block name='content'}
<div class="row">
    <div class="col-sm-3">
        <div class="xe-widget xe-counter-block" data-count=".num" data-from="0" data-to="{$user}"  data-duration="2">
            <div class="xe-upper">
                <div class="xe-icon">
                    <i class="linecons-user"></i>
                </div>
                <div class="xe-label">
                    <strong class="num">{$user}</strong>
                    <span>用户数</span>
                </div>
            </div>
            <div class="xe-lower">
                <div class="border"></div>
                <span>用户数：{$user}</span>
                <strong>智慧食堂</strong>
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="xe-widget xe-counter-block xe-counter-block-purple" data-count=".num" data-from="0" data-to="{$inorder}" data-duration="3">
            <div class="xe-upper">
                <div class="xe-icon">
                    <i class="linecons-note"></i>
                </div>
                <div class="xe-label">
                    <strong class="num">{$inorder}</strong>
                    <span>入库订单数</span>
                </div>
            </div>
            <div class="xe-lower">
                <div class="border"></div>
                <span>入库订单数：{$inorder}</span>
                <strong>智慧食堂</strong>
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="xe-widget xe-counter-block xe-counter-block-blue" data-count=".num" data-from="0" data-to="{$outorder}" data-duration="4" data-easing="false">
            <div class="xe-upper">
                <div class="xe-icon">
                    <i class="linecons-doc"></i>
                </div>
                <div class="xe-label">
                    <strong class="num">{$outorder}</strong>
                    <span>出库订单数</span>
                </div>
            </div>
            <div class="xe-lower">
                <div class="border"></div>
                <span>出库订单数：{$outorder}</span>
                <strong>智慧食堂</strong>
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="xe-widget xe-counter-block xe-counter-block-orange">
            <div class="xe-upper">
                <div class="xe-icon">
                    <i class="linecons-food"></i>
                </div>
                <div class="xe-label">
                    <strong class="num"  data-count="this" data-from="0" data-to="{$goods}" data-duration="2">{$goods}</strong>
                    <span>货物数</span>
                </div>
            </div>
            <div class="xe-lower">
                <div class="border"></div>
                <span>货物数：{$goods}</span>
                <strong>智慧食堂</strong>
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="xe-widget xe-progress-counter xe-progress-counter-pink" data-count=".num" data-from="0" data-to="{$storage}" data-duration="2">
            <div class="xe-background">
                <i class="linecons-heart"></i>
            </div>
            <div class="xe-upper">
                <div class="xe-icon">
                    <i class="linecons-shop"></i>
                </div>
                <div class="xe-label">
                    <span>仓库数</span>
                    <strong class="num">{$storage}</strong>
                </div>
            </div>
            <div class="xe-progress">
                <span class="xe-progress-fill" data-fill-from="0" data-fill-to="{$storage}" data-fill-unit="%" data-fill-property="width" data-fill-duration="2" data-fill-easing="true"></span>
            </div>
            <div class="xe-lower">
                <span>仓库数：{$storage}</span>
                <strong>智慧食堂</strong>
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="xe-widget xe-progress-counter xe-progress-counter-turquoise" data-count=".num" data-from="0" data-to="{$supplier}" data-duration="3">
            <div class="xe-background">
                <i class="linecons-paper-plane"></i>
            </div>
            <div class="xe-upper">
                <div class="xe-icon">
                    <i class="linecons-truck"></i>
                </div>
                <div class="xe-label">
                    <span>供应商数</span>
                    <strong class="num">{$supplier}</strong>
                </div>
            </div>
            <div class="xe-progress">
                <span class="xe-progress-fill" data-fill-from="0" data-fill-to="{$supplier}" data-fill-unit="%" data-fill-property="width" data-fill-duration="3" data-fill-easing="true"></span>
            </div>
            <div class="xe-lower">
                <span>供应商数：{$supplier}</span>
                <strong>智慧食堂</strong>
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="xe-widget xe-counter-block xe-counter-block-red" data-count=".num" data-from="0" data-to="{$unit}" data-duration="2">
            <div class="xe-upper">
                <div class="xe-icon">
                    <i class="linecons-star"></i>
                </div>
                <div class="xe-label">
                    <strong class="num">{$unit}</strong>
                    <span>计量单位数</span>
                </div>
            </div>
            <div class="xe-lower">
                <div class="border"></div>
                <span>计量单位数：{$unit}</span>
                <strong>智慧食堂</strong>
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="xe-widget xe-counter-block xe-counter-block-yellow" data-count=".num" data-from="0" data-to="{$category}" data-duration="3">
            <div class="xe-upper">
                <div class="xe-icon">
                    <i class="linecons-cog"></i>
                </div>
                <div class="xe-label">
                    <strong class="num">{$category}</strong>
                    <span>货物类别数</span>
                </div>
            </div>
            <div class="xe-lower">
                <div class="border"></div>
                <span>货物类别数：{$category}</span>
                <strong>智慧食堂</strong>
            </div>
        </div>
    </div>
</div>
<script src="__BASE__/js/xenon-widgets.js"></script>
{/block}